1.     {THEME}/js/       js

2.  </head> :

<link media="screen" href="{THEME}/js/tipsy.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>

3.           :

<a class='north' href='#' original-title='  '></a>

<a class='south' href='#' original-title='  '></a>

<a class='east' href='#' original-title='  '></a>

<a class='west' href='#' original-title='  '></a> 




class='north' original-title=''

class='west' original-title=''

<a class='south' original-title=''